<template>
  <!-- 具名插槽：  -->
  <!-- 场景： 组件内， 有多处不确定的标签时， 使用具名插槽 -->
  <div class="box">
    <!-- 1. 给slot标签， 设置name属性="自定义名称" -->
    <slot name="title"> </slot>
    <slot name="content"> </slot>
    <slot name="footer"> </slot>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  border: 2px solid #999;
  padding: 10px;
  margin: 10px;
}
</style>
